@import '../def.scss';
@font-face {
	
	font-family: "Digital";
	src: url('~@/style/fonts/Digital-7_Mono/digital-7__mono_.ttf');
	font-weight: normal;
	font-style: normal;
}
.content {
	width: 690rpx;
	margin: 20rpx auto 0;
	.body{
		.tab{
			display: flex;
			justify-content: center;
			padding: 40rpx 0 30rpx;
			box-sizing: border-box;
			.tab-item{
				width: 280rpx;
				height: 60rpx;
				background: #E3F2F7;
				border-radius: 6rpx;
				border: 2rpx solid #F5F4F4;
				font-size: 28rpx;
				font-weight: 500;
				color: #333333;
				line-height: 60rpx;
				text-align: center;
				&:first-child{
					margin-right: 74rpx;
				}
			}
			
		}
		.section {
		  padding: 20rpx;
		  box-sizing: border-box;
		  display: flex;
		  align-items: center;
		  justify-content: space-between;
		  .image-text {
		    width: 200rpx;
			display: flex;
			align-items: center;
			.single-avatar {
			  width: 64rpx;
			  height: 64rpx;
			}
			.text-group {
			  overflow-wrap: break-word;
			  color: rgba(51, 51, 51, 1);
			  font-size: 28rpx;
			  font-weight: NaN;
			  text-align: justify;
			  white-space: nowrap;
			  line-height: 40rpx;
			}
		  }
		  
		  .text {
		    overflow-wrap: break-word;
		    color: rgba(255, 45, 45, 1);
		    font-size: 28rpx;
		    font-family: Digital;
		    text-align: center;
		    white-space: nowrap;
		    line-height: 26rpx;
		  }
		  .text-time{
				overflow-wrap: break-word;
				color: rgba(102, 102, 102, 1);
				font-size: 28rpx;
				text-align: center;
				white-space: nowrap;
				line-height: 40rpx;
		  }
		  .icon {
		    width: 36rpx;
		    height: 36rpx;
		    margin: 14rpx 0 14rpx 85rpx;
		  }
		}
		
		
	}
}


.send-popup {
	width: 100%;
	padding: 30rpx 60rpx 50rpx;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 20rpx 20rpx 0px 0px;
	position: relative;
	.textarea-wrap{
		background: #FFFFFF;
		box-sizing: border-box;
		width: 100%;
		height: 130rpx;
		background: #FFFFFF;
		position: relative;
		textarea {
			width: 100%;
			height: 100%;
			padding: 20rpx;
			box-sizing: border-box;
			font-size: 26upx;
			line-height: 30rpx;
			color: #000;
		}
	}
	.footer{
		display: flex;
		align-items: center;
		justify-content: space-between;
		.btn{
			text-align: center;
			width: 280rpx;
			height: 60rpx;
			border-radius: 6rpx;
			border: 2rpx solid #E6E6E6;
			font-size: 28rpx;
			font-weight: 400;
			color: #333333;
			line-height: 60rpx;
		}
		.submit{
			border: 2rpx solid #5C9FFE;
			background: #5C9FFE;
			border-radius: 6rpx;
			color: #FFFFFF;
		}
	}
}
